{% extends "base_with_sidebar.html" %}
{% load static %}
{# 加载自定义过滤器 #}
{% load custom_filters %}

{% block title %}
    存储桶
{% endblock %}


{% block head_extends %}
	<link rel="stylesheet" type="text/css" href="{% static 'buckets/bucket.css' %}">
    <style>
        .collapsed {
            display: none;
        }

        table {
            width: 100%; /* 或者使用百分比，如 100% */
            table-layout: fixed; /* 使用固定布局 */
        }

        td {
            width: 19%;
        }
    </style>

    <style>
        .switch {
            position: relative;
            display: inline-block;
            width: 25%;
            height: 24px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 34px;
            width: 50px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 60%;
            width: 15px;
            left: 4px;
            bottom: 5px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #2196F3;
        }

        input:checked + .slider:before {
            transform: translateX(26px);
        }
    </style>
{% endblock %}


{% block script_extends %}
    <script type="text/javascript" src="{% static 'art-template/template-web.js' %}"></script>
    <script type="text/javascript" src="{% static 'buckets/bucket.js' %}"></script>
{% endblock %}
